<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>省广股份-文章</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script type="text/javascript" src="js/common.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_608695_shu8puej3i85b3xr.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_608695_5foaafqr4u8oajor.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_610400_qgtrah0eorvbo6r.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/common/headfoot.css">
    <link rel="stylesheet" href="css/article.css">
</head>

<body>
    <div class="indexM">

        <!--头部-->
        <header>

            <label for="login">
                <i class="iconfont icon-htmal5icon35 fl"></i>
            </label>
            <label for="search">
                <i class=" iconfont icon-sousuo fr"></i>
            </label>
            <div class="logo">
                <img src="img/index/logo.png" />
            </div>

        </header>


        <!--身体-->
        <div class="main">
            <!--轮播图-->
            <div class="swiper-container kv">
                <!--图片区-->
                <ul class="swiper-wrapper lunbo">
                    <li class="swiper-slide">
                        <a href="">
                            <img src="img/article/轮播.jpg" />
                        </a>
                        <div class="new">
                            <p class="newsInfo">
                                <span>[专业IMC平台]</span>太子金涂鸦大赛网络整合营销传播</p>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a href="">
                            <img src="img/article/轮播.jpg" />
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="">
                            <img src="img/article/轮播.jpg" />
                        </a>
                    </li>
                </ul>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

            </div>
            <!-- 酱油广告 -->
            <ul class="advertising">
                <li>
                    <div class="img">
                        <img src="img/article/酱油.jpg" alt="酱油广告">
                    </div>
                    <p class="lines">海天“晒”宴，和汪涵一起，参观海天酱油......</p>
                    <div class="button">
                        <a href="articleTwo.html">营销</a>
                        <span>
                            <i class="iconfont icon-xin"></i>120</span>
                        <span>
                            <i class="iconfont icon-yj"></i>560</span>
                    </div>
                    <div class="headimg">
                        <div class="img">
                            <img src="img/article/小头像.jpg" alt="">
                        </div>
                        <span>叶巧岚</span>
                        <span class="time">2015年1月20日</span>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="img/article/酱油.jpg" alt="酱油广告">
                    </div>
                    <p class="lines">海天“晒”宴，和汪涵一起，参观海天酱油......</p>
                    <div class="button">
                            <a href="articleTwo.html">营销</a>
                        <span>
                            <i class="iconfont icon-xin"></i>120</span>
                        <span>
                            <i class="iconfont icon-yj"></i>560</span>
                    </div>
                    <div class="headimg">
                        <div class="img">
                            <img src="img/article/小头像.jpg" alt="">
                        </div>
                        <span>叶巧岚</span>
                        <span class="time">2015年1月20日</span>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="img/article/酱油.jpg" alt="酱油广告">
                    </div>
                    <p class="lines">海天“晒”宴，和汪涵一起，参观海天酱油......</p>
                    <div class="button">
                            <a href="articleTwo.html">营销</a>
                        <span>
                            <i class="iconfont icon-xin"></i>120</span>
                        <span>
                            <i class="iconfont icon-yj"></i>560</span>
                    </div>
                    <div class="headimg">
                        <div class="img">
                            <img src="img/article/小头像.jpg" alt="">
                        </div>
                        <span>叶巧岚</span>
                        <span class="time">2015年1月20日</span>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="img/article/酱油.jpg" alt="酱油广告">
                    </div>
                    <p class="lines">海天“晒”宴，和汪涵一起，参观海天酱油......</p>
                    <div class="button">
                            <a href="articleTwo.html">营销</a>
                        <span>
                            <i class="iconfont icon-xin"></i>120</span>
                        <span>
                            <i class="iconfont icon-yj"></i>560</span>
                    </div>
                    <div class="headimg">
                        <div class="img">
                            <img src="img/article/小头像.jpg" alt="">
                        </div>
                        <span>叶巧岚</span>
                        <span class="time">2015年1月20日</span>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="img/article/酱油.jpg" alt="酱油广告">
                    </div>
                    <p class="lines">海天“晒”宴，和汪涵一起，参观海天酱油......</p>
                    <div class="button">
                            <a href="articleTwo.html">营销</a>
                        <span>
                            <i class="iconfont icon-xin"></i>120</span>
                        <span>
                            <i class="iconfont icon-yj"></i>560</span>
                    </div>
                    <div class="headimg">
                        <div class="img">
                            <img src="img/article/小头像.jpg" alt="">
                        </div>
                        <span>叶巧岚</span>
                        <span class="time">2015年1月20日</span>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="img/article/酱油.jpg" alt="酱油广告">
                    </div>
                    <p class="lines">海天“晒”宴，和汪涵一起，参观海天酱油......</p>
                    <div class="button">
                            <a href="articleTwo.html">营销</a>
                        <span>
                            <i class="iconfont icon-xin"></i>120</span>
                        <span>
                            <i class="iconfont icon-yj"></i>560</span>
                    </div>
                    <div class="headimg">
                        <div class="img">
                            <img src="img/article/小头像.jpg" alt="">
                        </div>
                        <span>叶巧岚</span>
                        <span class="time">2015年1月20日</span>
                    </div>
                </li>
            </ul>
            <!-- 加载更多 -->
            <div class="addmore">
                <a href="">加载更多</a>
            </div>
        </div>
        <!--底部-->
        <div class="footer">
            <ul>
                <li>
                    <a href="index.html">
                        <i class="iconfont icon-shouye"></i>
                    </a>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="">
                        <i class="iconfont icon-qiyeguanli"></i>
                    </a>
                    <a href="">GIMC</a>
                </li>
                <li>
                    <a href="article.html" class="active">
                        <i class="iconfont icon-qianbipencil82"></i>
                    </a>
                    <a href="article.html" class="active">文章</a>
                </li>
                <li>
                    <a href="resources.html">
                        <i class="iconfont icon-atom"></i>
                    </a>
                    <a href="resources.html">资源</a>
                </li>
                <li>
                    <a href="course.html">
                        <i class="iconfont icon-xueyuan"></i>
                    </a>
                    <a href="course.html">学院</a>
                </li>
            </ul>
        </div>
    </div>





    <!-- ----------------------------------------------------------------- -->
    <!--左登录弹出页-->
    <input type="checkbox" id="login" />
    <div class="login loginT">
        <div class="loginTop">
            <label for="login">
                <span>×</span>
            </label>
            <div class="sousuotext">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" name "_sousuo" placeholder="Search">
            </div>
        </div>
        <div class="loginMain">
            <div class="img">
                <img src="img/index/login/没头像.png" alt="">
            </div>
            <a href="#">
                <label for="loginForm">立即登录</label>
            </a>
            <a href="">忘记密码</a>
            <!-- GIMC文章 -->
            <!-- 子菜单弹出 -->
            <div class="Graybar"></div>
            <ul class="article">
                <li class="libig">

                    <input type="checkbox" id="lism2">
                    <p>
                        <span class="title">GIMC</span>
                        <label for="lism2">
                            <span class="but">&gt;</span>
                        </label>
                    </p>
                    <ul class="lism">
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </li>

                <li class="libig">
                    <p>
                        <span class="title">文章</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">资源</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">课程</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
            </ul>
        </div>

    </div>
    <!-- 登录表单页面 -->
    <input type="checkbox" id="loginForm">
    <div class="loginForm">
        <div class="logo">
            <img src="img/index/login/矢量智能对象4.png" alt="">
        </div>
        <div class="account">
            <i class="iconfont icon-yonghu"></i>
            <input type="text" placeholder="请输入已验证的手机号或邮箱">
        </div>
        <div class="password">
            <i class="iconfont icon-denglushimima"></i>
            <input type="text" name="" placeholder="请输入密码">
        </div>
        <p>
            <span>
                <i class="iconfont icon-wenhao"></i>忘记密码</span>
        </p>
        <div class="button">
            <label for="logined">
                <span>
                    登录
                </span>
            </label>
            <span>注册</span>
        </div>
    </div>

    <!-- 登录成功界面 -->
    <input type="checkbox" id="logined" class="loginEd">
    <div class="logined loginT">
        <div class="loginTop ">
            <label for="">
                <a href="index.html">
                    <span>×</span>
                </a>
            </label>
            <div class="sousuotext">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" name "_sousuo" placeholder="Search">
            </div>
        </div>
        <div class="informationMain">
            <div class="informationBox">
                <div class="imgId">
                    <img src="img/index/login/有头像.png" alt="头像">
                </div>
                <p class="nameInfor">
                    <span>陈小敏</span>
                    <a href="">个人中心 &gt;</a>
                </p>
                <p class="icon">
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                </p>
                <p>
                    <span>关注
                        <span class="number">36</span>
                        粉丝
                        <span class="number">290</span>
                    </span>
                </p>
                <button>我的收藏</button>
                <button>我的发布</button>
            </div>
            <!-- GIMC文章 -->
            <!-- 灰色条 -->
            <div class="Graybar"></div>
            <ul class="article">
                <li class="libig">
                    <input type="checkbox" id="lism">
                    <p>
                        <span class="title">GIMC</span>
                        <label for="lism">
                            <span class="but">&gt;</span>
                        </label>
                    </p>
                    <ul class="lism">
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </li>

                <li class="libig">
                    <p>
                        <span class="title">文章</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">资源</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">课程</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
            </ul>
        </div>

    </div>
    <!-- 右搜索页面 -->
    <input type="checkbox" id="search">
    <div class="search">
        <div class="searchTop">
            <div class="searchT-L">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" name="" id="" placeholder="Search">

            </div>
            <label for="search">
                <span class="cancel-R">取消</span>
            </label>
        </div>
        <div class="searchMain">
            <h2>热搜</h2>

            <p>
                <span>项目管理</span>
                <span>移动互联网</span>
                <span>O2O联转换</span>
            </p>
            <p>
                <span>O2O</span>
                <span>媒介平台</span>
                <span>细分平台业务</span>
            </p>
            <p>
                <span>项目管理</span>
                <span>移动互联网</span>
                <span>O2O联转换</span>
            </p>

        </div>

    </div>

    <!--轮播js-->
    <script src="js/swiper.min.js" type="text/javascript" charset="UTF-8"></script>
    <script type="text/javascript">
        var kv = new Swiper(".kv", {
            loop: true,
            autoplay: true,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
        })
    </script>
    <!--防止底部被输入法顶上去-->
    <script type="text/javascript">
        document.body.style.height = document.body.clientHeight + "px";
    </script>
</body>

</html>